<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>微博</title>
	<script src="lib/react.development.js"></script>
	<script src="lib/react-dom.development.js"></script>
	<script src="lib/babel.min.js"></script>
	<link href="style/weibo.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="jyArea">

</div>

</body>
<script src="components/TakeComment.jsx" type="text/babel"></script>
<script src="components/CommentOn.jsx" type="text/babel"></script>
<script type="text/babel">
	
	const root = ReactDOM.createRoot(document.querySelector(".jyArea"));
	// 组件 即是对元素标签的一种扩展。
	class App extends React.Component{
		render(){
			return (
				<>
					<TakeComment></TakeComment>
					<CommentOn/>
				</>
			)
		}
	}
	
	root.render(<App/>);
</script>
</html>
